<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- <select name="" id="">
    <option>1900</option>
    <option>1901</option>
    <option>1902</option>
  </select> -->
</body>
</html>

<script>
  // js代码执行有三种结构

  // 1. 顺序结构
  // - 我们的 js 代码都是顺序执行的（从上到下）
  // - 一般情况下程序是按自上而下的顺序依次执行或者在不考虑优先级的前提下从左向右依次执行，我们称之为顺序执行

  
  // 2. 分支结构
  // 条件控制（逻辑分支）就是根据我们设定好的条件来控制程序执行的方式
  // var x = 10;
  // console.log(x);
  // var y = 2;
  // console.log(y);
  // console.log(100);

  // if (判断条件) {代码块}
  // 代码块就是多句js代码的集合
  // var x = 10;
  // console.log(x);
  // if (false) {
  //   var y = 2;
  //   console.log(y);
  // }
  // console.log(100);


  // 3. 循环结构
  // 程序要反复地取执行某一些的操作，直到判断条件为假的时候跳出循环
  // document.write("<select>")
  // for (var i = 1900; i <= 2024; i++) {
  //   document.write("<option>" + i + "年</option>")
  // }
  // document.write("</select>")
</script>